<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>主力户型</title>
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 这meta的作用就是删除默认的苹果工具栏和菜单栏允许全屏模式浏览-->
    <meta name="apple-touch-fullscreen" content="yes"><!-- 开启对web app程序的支持  -->
    <meta content="telephone=no,email=no" name="format-detection"><!-- iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！telephone=no就忽略页面中的数字识别为电话号码 ,email=no 忽略识别邮箱 -->
    <!--base css-->
    <link rel="stylesheet" href="CSS/reset.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <link rel="stylesheet" href="FONT/iconfont.css"/>
    <!--base css end-->
    <!--base js-->
    <!--<meta content="yes" name="apple-mobile-web-app-capable">-->
    <script>
        window.scrollTo(0, 0);
    </script>
    <!--<meta content="yes" name="apple-mobile-web-app-capable"> end-->
    <script src="JS/reset.js"></script>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/zepto.min.js"></script>
    <script src="JS/TouchSlide.js"></script>
    <script src="JS/notice.js"></script>
    <script src="JS/screen.js"></script>
    <script src="JS/back.js"></script>
    <!--base js end-->
    <!--no css-->
    <link rel="stylesheet" href="CSS/zhli.css"/>
    <!--no css end-->
    <!--no js-->
    <script type="text/javascript" src="JS/idangerous.swiper.js"></script>
    <!--no js end-->

    <!--no css-->
    <style>
        .hto-img-content{
            width: 1.875rem;
            height: 1.875rem;
        }
        .hto-img-content img{
            width: 1.875rem;
            height: 1.875rem;
        }
        .hto-title{
            line-height: 0.7rem;
        }
    </style>


    <!--no css end-->

</head>
<body>
<!--wapper-->
<div class="wapper">
    <!--header-->
    <div class="header">
        <div class="header-list bag-1462c4">
            <div class="p-l-25 p-r-25 relative text-center f33">
                <a href="javascript:history.go(-1)" class="block"><i class="icon iconfont f-b">&#xe643;</i></a>
                <a href="{:U('Index/member')}" class="home"><i class="icon iconfont">&#xe661;</i></a>
                <a href="javascript:;" class="text-fff">主力户型</a>
            </div>
        </div>
    </div>
    <!--header end-->
    <!--content-->
    <div class="content">
        <div class="zhuli">
            <!--list-->
            <div class="zhul-nav">
                <div class="gun" style="width:100%;">
                    <div  class="zhui-navac">
                        <style>
                        .sub{
                            display: inline-block;
                            width: 24%;
                            border-right: 1px solid #c8c8c8;
                            float: left;
                            margin-top: 0.36875rem;
                            color: #3c3c3c;
                        }
                        </style>
                        <ul class="slides_container swiper-wrapper">
                            <!-- 顶部栏目 -->
                            <li class="swiper-slide swiper-slide-visible">
                        <form action="{:U('Index/huxing_list',array('hxid'=>$_GET['hxid']))}" method="post">
                            {volist name="jshi" id="data" offset="0" length='4'}
                                <input type="submit" class="sub" name="jushi" value="{$data.name}">
                            {/volist}
                        </form>
                            </li>
                          <!-- 多出部分另起一行 -->
                             <li class="swiper-slide swiper-slide-visible">
                        <form action="{:U('Index/huxing_list',array('hxid'=>$_GET['hxid']))}" method="post">  {volist name="jshi" id="data" offset="4" length='8'}
                                <input type="submit" class="sub" name="jushi" value="{$data.name}">
                            {/volist}
                        </form>
                            </li>  
                        <!-- 多出部分另起一行 END-->                        
                        </ul>

                    </div>
                </div>
                <!--灰-->
                <div class="hui"></div>
                <!--灰 end-->
                <ul class="neir p-l-25 p-r-25">
                    <li class="active">
                        <div class="hot-content">
                            <ul class="clearFloat">
                                {volist name="list" id="data"}
                                <a href="{:U('Index/huxing_content',array('hxid'=>$_GET['hxid'],'id'=>$data['id']))}">
                                    <li class="b-b-e6e6e6">
                                        <div class="hto-img">
                                            <div class="hto-img-content m-r-16">
                                                <img src="UPLOADS/{$data.cover_img}" alt=""/>
                                            </div>
                                            <div class="hto-p">
                                                <p class="hto-title clearFloat f24 text-3c3c3c"><span class="hto-mi">{$data.name}&nbsp;{$data.built}</span>{$data.area} </p>
                                                <p class="hto-title clearFloat  f20">{$data.huxing}</p>
                                                <div class="hto-hx clearFloat">
                                                    {$data.biaoqian}
                                                </div>

                                            </div>
                                        </div>
                                    </li>
                                </a>
                                {/volist}

                            </ul>
                        </div>
                    </li>

                
                            </ul>
                        </div>
                    </li>

                </ul>
            </div>
            <script>


                var mySwiper2 = new Swiper('.zhui-navac', {
                    pagination: false,
                    paginationClickable: true,
                });

                //tab切换
                window.onload = function() {
                    var a=$(".zhui-navac a");
                    var b=$(".neir>li");
                    var c='active';
                    tab(a,b,c);
                };
                function tab(a,b,c){
                    var len=$(a);
                    len.bind("click",function(){
                        var index = 0;
                        $(this).addClass(c).siblings().removeClass(c);
                        index = len.index(this);
                        $(b).eq(index).show().siblings().hide();
                        return false;
                    }).eq(0).trigger("click");
                }




            </script>




            <!--list end-->



        </div>

    </div>

    <!--content end-->
    <!--返回顶部-->
    <a href="#" id="scrollUp" style="position: fixed; z-index: 10;">
        <i class="icon iconfont">&#xe60c;</i>
    </a>
    <!--返回顶部-->


</div>
<!--wapper end-->
</body>
</html>